@import "imports/variable.less";
@import "imports/mixins.less";
@ratio:100;
body{
	width:100%;
}
ul{
	overflow:hidden;
}
li{
	height:1rem;
	float:left;
}
li:nth-child(1){
	background:red;
	width:100rem / @ratio;
}
li:nth-child(2){
	background:purple;
	width:200rem / @ratio;
}
li:nth-child(3){
	background:pink;
	width:340rem / @ratio;
}
.box1{
	font-size:12rem/@ratio;
}
.box2{
	font-size:14rem/@ratio;
}
.box3{

	font-size:16rem/@ratio;
}